import React from 'react';


import './style.css';

const TopBar = () => {
    return (
        <div class="site-topbar">
            <div class="container">
                <div class="topbar-nav">
                    <a rel="nofollow" href="//www.mi.com/index.html">小驴商城</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="https://www.miui.com/" target="_blank">MIUI</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="https://iot.mi.com/index.html">IoT</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="https://i.mi.com/" target="_blank">云服务</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="https://shuidi.mi.com/" target="_blank">水滴</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="https://jr.mi.com?from=micom" target="_blank">金融</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="https://youpin.mi.com/" target="_blank">有品</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="#J_modal-globalSites" data-toggle="modal">Select Region</a>
                </div>
                <div class="topbar-cart" id="J_miniCartTrigger">
                    <a rel="nofollow" class="cart-mini" id="J_miniCartBtn" href="//static.mi.com/cart/">
                        <i class="iconfont"></i>购物车<span class="cart-mini-num J_cartNum">（0）</span>
                    </a>
                    <div class="cart-menu" id="J_miniCartMenu">
                        <div class="loading">
                            <div class="loader"></div>
                        </div>
                    </div>
                </div>
                <div class="topbar-info" id="J_userInfo">
                    <a rel="nofollow" class="link"
                       href="//order.mi.com/site/login"
                    >登录</a><span
                    class="sep">|</span>
                    <a rel="nofollow" class="link" href="https://account.xiaomi.com/pass/register">注册</a>
                    <span class="sep">|</span>
                    <span class="message">
                        <a rel="nofollow" href="//order.mi.com/message/list">消息通知<i class="J_miMessageTotal"></i></a>
                    </span>
                </div>
            </div>
        </div>
    );
};

export default (TopBar);